/* CSS Document */
body {
	font-size: 12px;
	font-family:"黑体", Arial;
}

a:link {
	color: #999;
}
a:visited {
	color: #999;
}
a:hover {
	color: #999;
}
a:active {
	color: #999;
}

.body_area{
	width:1240px;
}
.main_area{
	float:left; width:960px;
}

td{
	font-size:12px;
}

th{
	font-size:12px;
}

.dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-120px;
	margin-top:-50px;
 	width:240px; 
 	height:100px;
	border: #B8D4E8 solid 1px;
	background-color: #F0F5F8;
	font-size: 12px;
	display: none;
}

.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-150px;
	margin-top:-250px;
 	width:300px; 
 	height:500px;
	border: 1px solid #B8D4E8;
	background-color: #FFFFFF;
	font-size: 12px;
	display: none;
}

.login {
	top: 400;
	left: 50%;
 	width:240px; 
 	height:240px;
	border: 1px solid #0099CC;
	background-color: #FFFFFF;
	padding:5px;
	font-size: 12px;
}

.login_dialog{
	border: #B8D4E8 solid 1px;
	background-color: #F0F5F8;
	text-align:center;
	width:300px;
	height:360px;
	top: 50%;
	left: 50%;
	margin-left:-150px;
	margin-top:-200px;
	position: absolute;
	position:fixed;
}

.login_text{
	width:150px;
	height:20px;
	line-height:20px;
	font-size:14px;
}

.login_btn{
	border:none;
	width:150px;
	height:30px;
	color:#FFF;
	background-color:#369;
}

.login_error{
	color: #F00;
}

.login_msg{
	text-align:right;
	width:270px;
}

.friend_area{
	float:left; width:100%; overflow:auto; height:530px; display:none;
}
.friend_card{
	float:left; width:300px; height:50px; margin:5px;border:solid #B8D4E8 1px;
}
.friend_grade{
	float:left; width:50px; height:100%; background-color: #B8D4E8; color:#FFFFFF; font-size:24px; text-align:center;line-height:50px;
}
.friend_detail{
	float:left; width:200px; height:100%;
}
.friend_param{
	float:left; width:50px; height:15px; background-color:#F0F5F8; text-align:center; line-height:15px;
}
.friend_param_bottom{
	float:left; width:50px; height:15px; background-color: #FFECF5; text-align:center; line-height:15px;
}
.friend_param_content{
	float:left; width:50px; height:20px; text-align:center; line-height:20px;
}
.friend_headPic{
	float:left; width:50px;height:100%;
}
.friend_headPic_img{
	width:50px; height:50px;
}
.friend_data{
	float:left; width:140px;
}

.person_area{
	float:left; display:none;
}
.person_param{
	float:left; width:110px;height:70px; margin:5px;
}
.person_head{
	height:20px;text-align:center; line-height:20px; background-color:#B8D4E8; font-size:14px; color:#FFFFFF;
}
.person_body{
	height:50px;text-align:center; line-height:50px; background-color:#F0F5F8; font-size:20px; font-weight:bold; color:#B8D4E8;
}
.ctrl_area{
	float:left; 
	width:100%; 
	display: none;
	margin: 5px 0px 3px 3px;
}
.ctrl_btn{
	border:none;
	width:100px;
	height:30px;
	color:#FFF;
	margin-right:1px;
	background-color:#369;
}

.log_area{
	float:left;
	width:1240px;
	height:250px;
	display:none;
}

.log_msg{
	text-align:center;
}
.log_head_tr{
	color:#FFF;
	height:15px;
	line-height:15px;
	font-size:14px;
	text-align:center;
	background-color:#B8D4E8;
}

.task_area{
	float:left; width:260px; margin-left:5px; display:none;
}
.task_target{
	width:100%;margin-top:5px;
}
.task_target_title{
	float:left; background-color:#B8D4E8;font-size:18px; height:32px; color:#FFFFFF;width:60px; font-size:18px; text-align:center; line-height:30px; margin-bottom:5px;
}
.task_target_body{
	float:left; background-color:#F0F5F8;font-size:18px; height:32px; color:#B8D4E8;width:200px; font-size:16px; text-align:center; line-height:30px;margin-bottom:5px;
}
.task_head{
	margin-top:10px;border-bottom: #B8D4E8 solid 2px;color: #09C;height:20px;line-height:20px; text-align:center;
}
.task_head_no{
	float:left;width:30px;
}
.task_head_user{
	float:left; width:80px;
}
.task_head_name{
	float:left;width:80px; 
}
.task_head_time{
	float:left;width:70px; 
}
.task_param{
	float:left; width:100%;text-align:center; border-bottom:#B8D4E8 solid 1px;
}
.task_param_no{
	float:left; background-color:#F0F5F8; color:#B8D4E8; width:30px; font-size:18px; font-weight:bold;height:35px; line-height:35px;
}
.task_param_user{
	float:left; width:80px; padding-top:10px;
}
.task_param_name{
	float:left; width:80px; padding-top:10px;
}
.task_param_time{
	float:left; width:70px;height:35px; line-height:35px;
}

.setting_dialog_area{
	border: #CCC solid 1px;
	background-color: #F0F0F0;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-300px;
	width:1000px;
	height:600px;
	padding:5px;
	position: absolute;
	position:fixed;
	display:none;
}
.setting_dialog_title{
	background-color: #B8D4E8;
	height:20px;
	color:#369;
	padding-left:5px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
}
.setting_dialog_tab{
	float:left;
	width:80px;
	height:30px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	margin-right:1px;
	font-size:14px;
	line-height:30px;
	border-top: #369 solid 1px;
	border-left:#369 solid 1px;
	border-right:#369 solid 1px;
	background-color:#369;
}
.setting_dialog_tab_select{
	float:left;
	width:80px;
	height:30px;
	color: #369;
	cursor:pointer;
	text-align:center;
	margin-right:1px;
	font-size:14px;
	line-height:30px;
	background-color: #FFF;
	border-top: #CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
.setting_dialog_head{
	float:left;
	width:100%;
}
.setting_dialog_body{
	float:left;
	width:100%;
	border: #CCC solid 1px;
	height:530px;
	overflow:auto;
}
.setting_dialog_bottom{
	float:right;
	text-align:right;
	width:100%;
	padding-top:10px;
}
.setting_base_area{
	line-height:20px;
}
.setting_farm_area{
	display:none;	
}
.setting_feed_area{
	width:100%;
	display:none;	
}
.dialog_area{
	border: #B8D4E8 solid 1px;
	background-color: #F0F5F8;
	top: 50%;
	left: 50%;
	margin-left:-155px;
	margin-top:-50px;
	width:300px;
	height:100px;
	position: absolute;
	position:fixed;
	padding:5px;
	display:none;
}

.validate {
	position: absolute;
	top: 300;
	left: 42%;
	margin:0px 0 0 0px;
 	width:150px; 
 	height:100px;
	border: 1px solid #0099CC;
	background-color: #FFFFFF;
	padding:5px;
	font-size: 12px;
	z-index:100;
	display:none;
}


.head-bgcolor{
	background-color: #B8D4E8;
	color:#FFF;
}

.farm{
	text-align:center;
	float: left;
	width:120px;
	height:100px;
	border: #3399CC solid 1px;
	margin: 3px 3px 3px 3px;
	padding:2px;
}

.farmSelect{
	text-align:center;
	float: left;
	width:120px;
	height:100px;
	border: #FF3300 solid 1px;
	margin: 3px;
	padding:2px;
}

.farmTitle{
	text-align:center;
	width:100%;
	height:15px;
	background-color: #66A4DB;
	cursor:pointer;
}

.seed{
	text-align:center;
	float: left;
	width:75px;
	height:15px;
	padding:2px;
	margin: 1px;
	margin-top:3px;
	background-color: #B8D4E8;
	cursor:pointer;
}

.seedRed{
	text-align:center;
	float: left;
	width:75px;
	height:15px;
	padding:2px;
	margin: 1px;
	margin-top:3px;
	background-color: #BF4A5C;
	cursor:pointer;
}